<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>小熊洗涤微信小程序前后端源代码</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="微信小程序前后端源代码" name="keywords">
    <meta content="小程序洗鞋" name="description">

    <!-- Favicon -->
    <!-- Libraries Stylesheet -->
    <link href="static/css/owl.carousel.min.css" rel="stylesheet">


    <link href="css/style.css" rel="stylesheet" />
    <!-- Customized Bootstrap Stylesheet -->
    <link href="static/css/style.css" rel="stylesheet">

</head>

<body>
    <!-- Topbar Start -->
    <div class="container-fluid bg-primary py-3">
        <div class="container">
            <div class="row">
                <div class="col-md-6 text-center text-lg-left mb-2 mb-lg-0">
                    <div class="d-inline-flex align-items-center">
                        <a class="text-white pr-3" href="">QQ：53815112</a>
                        <a class="text-white pl-3" href="">微信：dextet</a>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- Topbar End -->
    <!-- Navbar Start -->
    <div class="container-fluid position-relative nav-bar p-0">
        <div class="container-lg position-relative p-0 px-lg-3" style="z-index: 9;">
            <nav class="navbar navbar-expand-lg bg-white navbar-light py-3 py-lg-0 pl-3 pl-lg-5">
                <a href="" class="navbar-brand">
                    <h1 class="m-0 text-secondary"><span class="text-primary">小熊</span>洗涤</h1>
                </a>
                <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse justify-content-between px-3" id="navbarCollapse">
                    <div class="navbar-nav ml-auto py-0">
                        <a href="" class="nav-item nav-link active"></a>
                        <div class="nav-item dropdown">
                            <a href="#" class="nav-link dropdown-toggle active" data-toggle="dropdown">开源的洗衣洗鞋小程序</a>
                            <div class="dropdown-menu border-0 rounded-0 m-0">
                                <img src="other体验二维码.jpg" alt="" class="img-fluid">
                            </div>
                        </div>

                      



                    </div>
                </div>
            </nav>
        </div>
    </div>
    <!-- Navbar End -->
    <!-- Carousel Start -->
    <div class="container-fluid p-0">
        <div id="header-carousel" class="carousel slide" data-ride="carousel">
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <img src="static/picture/carousel-1.jpg" alt="Image"  class="w-100" >
                    <div class="carousel-caption d-flex flex-column align-items-center justify-content-center">
                        <div class="p-3" style="max-width: 900px;">


                            <div id="wrapper">
                                <div id="washingMachine" class="isFilled isOpen">
                                    <div id="controls">准备中</div>
                                    <div id="door"></div>
                                    <div id="tub">
                                        <span class="clothes"></span>
                                        <span class="clothes"></span>
                                        <span class="clothes"></span>
                                    </div>
                                </div>

                                <div id="playground">
                                    <button id="content"  class="btn btn-primary ">清空</button>
                                    <button id="opening" class="btn btn-primary ">关门</button>
                                    <button id="power" disabled class="btn btn-primary ">开始</button>
                                </div>
                            </div>



                    
                           <a href="" class="btn btn-primary py-md-3 px-md-5 mt-2">玩一玩(●'◡'●)</a>
                        </div>
                    </div>
                </div>
          
            </div>
            <a class="carousel-control-prev" href="#header-carousel" data-slide="prev">
                <div class="btn btn-secondary" style="width: 45px; height: 45px;">
                    <span class="carousel-control-prev-icon mb-n2"></span>
                </div>
            </a>
            <a class="carousel-control-next" href="#header-carousel" data-slide="next">
                <div class="btn btn-secondary" style="width: 45px; height: 45px;">
                    <span class="carousel-control-next-icon mb-n2"></span>
                </div>
            </a>
        </div>
    </div>
    <!-- Carousel End -->
    <!-- Contact Info Start -->
    <div class="container-fluid contact-info mt-5 mb-4">
        <div class="container" style="padding: 0 30px;">
            <div class="row">
                <div class="col-md-4 d-flex align-items-center justify-content-center bg-secondary mb-4 mb-lg-0" style="height: 100px;">
                    <a href="https://gitee.com/dexters/bear-washing-shoes" target="_blank">
                        <div class="d-inline-flex">
                            <i class="fa fa-2x fa-map-marker-alt text-white m-0 mr-3"></i>
                            <div class="d-flex flex-column">
                                <h5 class="text-white font-weight-medium">github</h5>
                                <p class="m-0 text-white">点击进入github开源地址</p>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-md-4 d-flex align-items-center justify-content-center bg-primary mb-4 mb-lg-0" style="height: 100px;">
                    <a href="https://github.com/lifeng2400/wash" target="_blank">
                        <div class="d-inline-flex text-left">
                            <i class="fa fa-2x fa-envelope text-white m-0 mr-3"></i>
                            <div class="d-flex flex-column">
                                <h5 class="text-white font-weight-medium">gitee</h5>
                                <p class="m-0 text-white">点击进入gitee开源地址</p>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-md-4 d-flex align-items-center justify-content-center bg-secondary mb-4 mb-lg-0" style="height: 100px;">
                    <div class="d-inline-flex text-left">
                        <i class="fa fa-2x fa-phone-alt text-white m-0 mr-3"></i>
                        <div class="d-flex flex-column">
                            <h5 class="text-white font-weight-medium">Email</h5>
                            <p class="m-0 text-white">53815112@qq.com</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Contact Info End -->
    <!-- About Start -->
    <div class="container-fluid py-5">
        <div class="container pt-0 pt-lg-4">
            <div class="row align-items-center">
                <div class="col-lg-5">
                    <img src="other体验二维码.jpg" alt=""  class="img-fluid" >
                </div>
                <div class="col-lg-7 mt-5 mt-lg-0 pl-lg-5">
                    <h6 class="text-secondary text-uppercase font-weight-medium mb-3">关于我们</h6>
                    <h1 class="mb-4">小熊洗鞋洗衣 介绍</h1>
                    <h5 class="font-weight-medium font-italic mb-4"> 一个 本地化洗鞋，洗衣服务的微信小程序，有加盟店，支持自送 或者快递，具有业务分销功能。</h5>
                    <p class="mb-2">
                        wxapp 为微信原生小程序 代码
                        <br>
                        backgound 为后台代码 net framwork 不用编译 直接丢到 iis 里面      <br>

                        backgound/数据库 为 sql 数据库      <br>

                        webconfig 里面有 数据库链接字符串和 小程序 接口密钥配置      <br>

                        克隆到本地      <br>
                        微信小程序开发工具直接打开运行      <br>
                        接口可以使用我的，在开发工具设置不校验合法域名，（用于学习）      <br>
                    </p>
                    <div class="row">
                        <div class="col-sm-6 pt-3">
                            <div class="d-flex align-items-center">
                                <i class="fa fa-check text-primary mr-2"></i>
                                <p class="text-secondary font-weight-medium m-0">entity ORM</p>
                            </div>
                        </div>
                        <div class="col-sm-6 pt-3">
                            <div class="d-flex align-items-center">
                                <i class="fa fa-check text-primary mr-2"></i>
                                <p class="text-secondary font-weight-medium m-0">支持sqlite mysql oracle</p>
                            </div>
                        </div>
                        <div class="col-sm-6 pt-3">
                            <div class="d-flex align-items-center">
                                <i class="fa fa-check text-primary mr-2"></i>
                                <p class="text-secondary font-weight-medium m-0">net framwork</p>
                            </div>
                        </div>
                        <div class="col-sm-6 pt-3">
                            <div class="d-flex align-items-center">
                                <i class="fa fa-check text-primary mr-2"></i>
                                <p class="text-secondary font-weight-medium m-0">100% 开源</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- About End -->
    <!-- Services Start -->

    <!-- Features End -->
    <!-- Working Process Start -->

    <!-- Working Process End -->
    <!-- Pricing Plan Start -->

    <!-- Pricing Plan End -->
    <!-- Testimonial Start -->
    <div class="container-fluid py-5">
        <div class="container">
         
            <h1 class="display-4 text-center mb-5">功能预览</h1>
            <div class="owl-carousel testimonial-carousel">
                <div class="testimonial-item">
                    <img src="other11.jpg" style="padding: 12px; margin-bottom: -50px; z-index: 1;" alt=""  class="position-relative  bg-white shadow mx-auto" >
                    <div class="bg-light text-center p-4 pt-0">
                        <h5 class="font-weight-medium mt-5">小程序首页在线下单</h5>

                    </div>
                </div>
                <div class="testimonial-item">
                    <img src="other33.jpg" class="position-relative  bg-white shadow mx-auto"  style="padding: 12px; margin-bottom: -50px; z-index: 1;" alt="">
                    <div class="bg-light text-center p-4 pt-0">
                        <h5 class="font-weight-medium mt-5">完善的订单页面</h5>

                    </div>
                </div>

                <div class="testimonial-item">
                    <img src="other33.jpg" class="position-relative  bg-white shadow mx-auto" style="padding: 12px; margin-bottom: -50px; z-index: 1;" alt="">
                    <div class="bg-light text-center p-4 pt-0">
                        <h5 class="font-weight-medium mt-5">支持多个寄放合作点</h5>

                    </div>
                </div>


                <div class="testimonial-item">
                    <img src="other分销中心.png" class="position-relative  bg-white shadow mx-auto" style="padding: 12px; margin-bottom: -50px; z-index: 1;" alt="">
                    <div class="bg-light text-center p-4 pt-0">
                        <h5 class="font-weight-medium mt-5">分销中心</h5>

                    </div>
                </div>
                <div class="testimonial-item">
                    <img src="other页面详细.jpg" class="position-relative  bg-white shadow mx-auto" style="padding: 12px; margin-bottom: -50px; z-index: 1;" alt="">
                    <div class="bg-light text-center p-4 pt-0">
                        <h5 class="font-weight-medium mt-5">服务详细页面</h5>

                    </div>
                </div>



                

            </div>
        </div>
    </div>
    <!-- Testimonial End -->
    <!-- Blog Start -->
    <!--<div class="container-fluid mt-5 pb-2">
        <div class="container">
            <h6 class="text-secondary text-uppercase text-center font-weight-medium mb-3">Our Blog</h6>
            <h1 class="display-4 text-center mb-5">Latest From Blog</h1>
            <div class="row">
                <div class="col-lg-4 mb-2">
                    <div class="shadow mb-4">
                        <div class="position-relative">
                            <img class="img-fluid w-100" src="static/picture/blog-1.jpg" alt="">
                            <a href="" class="position-absolute w-100 h-100 d-flex flex-column align-items-center justify-content-center   text-decoration-none p-4" style="top: 0; left: 0; background: rgba(0, 0, 0, .4);">
                                <h4 class="text-center text-white font-weight-medium mb-3">Dolor site amet clita kasd sanct ipsum</h4>
                                <div class="d-flex text-light">
                                    <small class="mr-2"><i class="fa fa-user text-secondary"></i> Admin</small>
                                    <small class="mr-2"><i class="fa fa-folder text-secondary"></i> Web Design</small>
                                    <small class="mr-2"><i class="fa fa-comments text-secondary"></i> 15</small>
                                </div>
                            </a>
                        </div>
                        <p class="m-0 p-4">Amet dolores labore magna et amet tempor dolor et dolor. Et sit ipsum et eos rebum labore ea labore sea. Et sed elitr labore sed labore. Lorem et lorem amet sed sed kasd ipsum rebum</p>
                    </div>
                </div>
                <div class="col-lg-4 mb-2">
                    <div class="shadow mb-4">
                        <div class="position-relative">
                            <img class="img-fluid w-100" src="static/picture/blog-2.jpg" alt="">
                            <a href="" class="position-absolute w-100 h-100 d-flex flex-column align-items-center justify-content-center   text-decoration-none p-4" style="top: 0; left: 0; background: rgba(0, 0, 0, .4);">
                                <h4 class="text-center text-white font-weight-medium mb-3">Dolor site amet clita kasd sanct ipsum</h4>
                                <div class="d-flex text-light">
                                    <small class="mr-2"><i class="fa fa-user text-secondary"></i> Admin</small>
                                    <small class="mr-2"><i class="fa fa-folder text-secondary"></i> Web Design</small>
                                    <small class="mr-2"><i class="fa fa-comments text-secondary"></i> 15</small>
                                </div>
                            </a>
                        </div>
                        <p class="m-0 p-4">Amet dolores labore magna et amet tempor dolor et dolor. Et sit ipsum et eos rebum labore ea labore sea. Et sed elitr labore sed labore. Lorem et lorem amet sed sed kasd ipsum rebum</p>
                    </div>
                </div>
                <div class="col-lg-4 mb-2">
                    <div class="shadow mb-4">
                        <div class="position-relative">
                            <img class="img-fluid w-100" src="static/picture/blog-3.jpg" alt="">
                            <a href="" class="position-absolute w-100 h-100 d-flex flex-column align-items-center justify-content-center   text-decoration-none p-4" style="top: 0; left: 0; background: rgba(0, 0, 0, .4);">
                                <h4 class="text-center text-white font-weight-medium mb-3">Dolor site amet clita kasd sanct ipsum</h4>
                                <div class="d-flex text-light">
                                    <small class="mr-2"><i class="fa fa-user text-secondary"></i> Admin</small>
                                    <small class="mr-2"><i class="fa fa-folder text-secondary"></i> Web Design</small>
                                    <small class="mr-2"><i class="fa fa-comments text-secondary"></i> 15</small>
                                </div>
                            </a>
                        </div>
                        <p class="m-0 p-4">Amet dolores labore magna et amet tempor dolor et dolor. Et sit ipsum et eos rebum labore ea labore sea. Et sed elitr labore sed labore. Lorem et lorem amet sed sed kasd ipsum rebum</p>
                    </div>
                </div>
            </div>
        </div>
    </div>-->
    <!-- Blog End -->
    <!-- Footer Start -->
    <div class="container-fluid bg-primary text-white mt-5 pt-5 px-sm-3 px-md-5">

        <div class="row pt-1">
            <div class="col-lg-3 col-md-6 mb-5">
  
                <a class="text-white mb-2" href="/Admin/index.aspx"><i class="fa fa-angle-right mr-2"></i>后台管理</a>
            </div>
        </div>
            <!--<div class="row pt-5">
        <div class="col-lg-3 col-md-6 mb-5">
            <a href=""><h1 class="text-secondary mb-3"><span class="text-white">DRY</span>ME</h1></a>
            <p>Volup amet magna clita tempor. Tempor sea eos vero ipsum. Lorem lorem sit sed elitr sit no, sed kasd et ipsum dolor duo dolor</p>
            <div class="d-flex justify-content-start mt-4">
                <a class="btn btn-outline-light rounded-circle text-center mr-2 px-0" style="width: 38px; height: 38px;" href="#"><i class="fab fa-twitter"></i></a>
                <a class="btn btn-outline-light rounded-circle text-center mr-2 px-0" style="width: 38px; height: 38px;" href="#"><i class="fab fa-facebook-f"></i></a>
                <a class="btn btn-outline-light rounded-circle text-center mr-2 px-0" style="width: 38px; height: 38px;" href="#"><i class="fab fa-linkedin-in"></i></a>
                <a class="btn btn-outline-light rounded-circle text-center mr-2 px-0" style="width: 38px; height: 38px;" href="#"><i class="fab fa-instagram"></i></a>
            </div>
        </div>
        <div class="col-lg-3 col-md-6 mb-5">
            <h4 class="text-white mb-4">Get In Touch</h4>
            <p>Dolor clita stet nonumy clita diam vero, et et ipsum diam labore</p>
            <p><i class="fa fa-map-marker-alt mr-2"></i>123 Street, New York, USA</p>
            <p><i class="fa fa-phone-alt mr-2"></i>+012 345 67890</p>
            <p><i class="fa fa-envelope mr-2"></i>info@example.com</p>
        </div>
        <div class="col-lg-3 col-md-6 mb-5">
            <h4 class="text-white mb-4">Quick Links</h4>
            <div class="d-flex flex-column justify-content-start">
                <a class="text-white mb-2" href="#"><i class="fa fa-angle-right mr-2"></i>Home</a>
                <a class="text-white mb-2" href="#"><i class="fa fa-angle-right mr-2"></i>About Us</a>
                <a class="text-white mb-2" href="#"><i class="fa fa-angle-right mr-2"></i>Services</a>
                <a class="text-white mb-2" href="#"><i class="fa fa-angle-right mr-2"></i>Pricing</a>
                <a class="text-white" href="#"><i class="fa fa-angle-right mr-2"></i>Contact Us</a>
            </div>
        </div>
        <div class="col-lg-3 col-md-6 mb-5">
            <h4 class="text-white mb-4">Newsletter</h4>
            <form action="">
                <div class="form-group">
                    <input type="text" class="form-control border-0" placeholder="Your Name" required="required">
                </div>
                <div class="form-group">
                    <input type="email" class="form-control border-0" placeholder="Your Email" required="required">
                </div>
                <div>
                    <button class="btn btn-lg btn-secondary btn-block border-0" type="submit">Submit Now</button>
                </div>
            </form>
        </div>
    </div>-->
        </div>
    <div class="container-fluid bg-dark text-white py-4 px-sm-3 px-md-5">

    </div>
    <!-- Footer End -->
    <!-- Back to Top -->
    <a href="#" class="btn btn-lg btn-primary back-to-top"><i class="fa fa-angle-double-up"></i></a>


    <!-- JavaScript Libraries -->
    <script src="static/js/jquery-3.4.1.min1.js"></script>
    <script src="static/js/bootstrap.bundle.min1.js"></script>
    <script src="static/js/easing.min.js"></script>
    <script src="static/js/waypoints.min.js"></script>
    <script src="static/js/counterup.min.js"></script>
    <script src="static/js/owl.carousel.min.js"></script>

    <!-- Contact Javascript File -->
    <script src="static/js/jqBootstrapValidation.min.js"></script>
    <script src="static/js/contact.js"></script>

    <!-- Template Javascript -->
    <script src="static/js/main.js"></script>


    <script src="js/script.js"></script>
</body>

</html>